<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Berry - Products</title>
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/navbar.css' %}">
    <link rel="stylesheet" href="{% static 'css/product.css' %}">
</head>
<body>
{% include 'navbar.html' %}
<div class="product-container">
    {% for product in products %}
        <div class="product-item">
            <h2>{{ product.name }}</h2>
            <img src="{{ product.img }}" alt="{{ product.name }}">
            <p><strong>Classification:</strong> {{ product.classify }}</p>
            <p><strong>Details:</strong> {{ product.detail }}</p>
        </div>
    {% endfor %}
</div>
</body>
</html>